<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">
<title>demo</title>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jqPaginator.js"></script>
<script src="../role/role.js"></script>

<!-- Bootstrap -->

<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="../role/role.css" rel="stylesheet" />
 <jsp:include page="addRole.jsp"></jsp:include> 
 <jsp:include page="accDetail.jsp"></jsp:include> 
<style>
body {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>

	<div class="container-fluid" style="width: 100%;">
		<div class="row-fluid">
			<h3 style="margin-left: 100px;">系统角色列表</h3>
		</div>
		<!-- class="col-sm-8" -->
		<div
			style="margin-left: 50px; margin-right: 0; border-width: 2px; border-color: #AA0000">
			<div>
				<span>角色名称:<input id="roleName" type="text" /></span>
			</div>
			<div id="tools" class="col-md-4 pull-right"
				style="margin-top: -50px;">
				<ul class="nav nav-pills nav-justified " role="tablist">
					<li role="presentation" class=" active" style="padding-left: 10px;">
						<button class="btn  btn-sm btn-info">查询</button>
					</li>
					<li role="presentation" class=" active" style="padding-left: 10px;">
						<button id="addProduct" class="btn btn-primary btn-sm">添加角色</button>

					</li>
					<li role="presentation" class=" active" style="padding-left: 10px;">
						<button id="deleteBtn" class="btn btn-sm btn-danger">删除</button>
					</li>
				</ul>
			</div>

			<div style="margin-top: 50px;">
				<table id="products" border="1"
					class="table table-bordered table-hover">
					<tr>
						<td><input id="selectAll" class="checkbox" type="checkbox" /></td>
						<td>角色编号</td>
						<td>角色名称</td>
						<td>备注</td>
						<td colspan="3">操作</td>
					</tr>

				</table>
			</div>
		</div>
	</div>

	<div style="text-align: center;">
		<ul class="pagination" id="pagination2"></ul>
	</div>
	<div style="text-align: center;">
		<div id="pageResult">
			<input id="pageCount" type="hidden" value="${pageResult.pageCount}" />
			<input id="totalCount" type="hidden" value="${pageResult.totalCount}" />
			<input id="pageIndex" type="hidden" value="${pageResult.pageIndex}" />
			<input id="pageSize" type="hidden" value="${pageResult.pageSize}" />
		</div>
		<!-- footer -->

		<p>vinace-Demo by 御风林海</p>

	</div>

</body>

</html>